import {$} from '../library/jquery.js';

  // 轮播图
let slideshow=$(function(){
    let t=setInterval(timer_back,3000);  
        
    //鼠标悬停停止更换图片

    $('.hero').mouseenter(function(){
        clearInterval(t);
    });

    $('.hero').mouseleave(function(){
        t=setInterval(timer_back,3000);  
    });

    $('.dot-l').mouseenter(function(){
        $(this).css({'background':'white'});
    });
    $('.dot-l').mouseleave(function(){
        if($(this).attr('flag')!=='true'){
            $(this).css({'background':'#5c8382'});
        }
    });

    $('.dot-l').click(function(){
        $(this).attr({'flag':'true'});
      
        let number=parseInt($(this).attr('num'));
        change_back(number);
    });
    //防止点击过快
    let isclick=false;
    $('.hero-button-next').click(function(){
        if(!isclick){
            isclick=true;
            let number=parseInt($(this).attr('num'))+1;
            if(number>4){
                number=0;
            }
            change_back(number);
            setTimeout(() => {
                isclick=false;
            }, 700);
        }
    });
    $('.hero-button-prev').click(function(){
        if(!isclick){
            isclick=true;
            let number=parseInt($(this).attr('num'))+1;
            if(number<0){
                number=4;
            }
            change_back(number);
            setTimeout(() => {
                isclick=false;
            }, 700);
        }
    });

    function change_back(number) { 
        //图片重叠第一张图index为4  
        for(let i=4;i>4-number;i--){
            $('.hero-t').eq(i).animate({'opacity':0},'slow');
        }

        $('.hero-t').eq(4-number).animate({'opacity':1},'slow');

        $('.dot-l').eq(number).css({'background':'white'});

        $('.dot-l').eq(number).siblings().css({'backgronud':'#5c8382'}).attr({'flag':'false'});
        $('.hero-button-prev,.hero-button-next').attr({'num':number});
     }
    //  计时器
    function timer_back(){
        let nums=parseInt($('.hero').children().eq(3).attr('num'))+1;
        if(nums>4){
            nums=0
        }
        change_back(nums);
    }

});
export{slideshow};